Android Data Binding入门

配置

新建一个 Project,确保项目 build.gradle 中的 Gradle 插件版本不低于 1.5.0-alpha1,比如我的 Demo 是 3.1.2 版本的:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
buildscript {

repositories {
google()
jcenter()
}
dependencies {
classpath 'com.android.tools.build:gradle:3.1.2'


// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
}
}

然后修改对应 app 模块的 build.gradle :

1
2
3
4
5
6
android {
...
dataBinding {
enabled true
}
}

User

先定义一个 User 类,代表用户。这也是我们项目中的 Model 。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
public class User {

private String username;
private String password;
private String nickName;

public String getUsername() {
return username;
}

public void setUsername(String username) {
this.username = username;
}

public String getPassword() {
return password;
}

public void setPassword(String password) {
this.password = password;
}

public String getNickName() {
return nickName;
}

public void setNickName(String nickName) {
this.nickName = nickName;
}
}

layout

定义好 User 类之后,我们要在 layout 布局文件中将 View 和Model 进行绑定

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

<data>
<variable
name="user"
type="me.yuqirong.myapplication.User" />

</data>
<!--原先的根节点(Root Element)-->
<LinearLayout xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{user.username}" />


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{user.password}" />


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{user.nickName}" />


</LinearLayout>
</layout>

在data内描述了一个名为user的变量属性,使其可以在这个layout中使用:

1
<variable name="user" type="me.yuqirong.myapplication.User"/>

在layout的属性表达式写作 @{xxx.xxxx} ,下面是一个TextView的text设置为user的 username 属性:

1
2
3
4
<TextView 
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{user.username}"/>

MainActivity

单单在 layout 布局文件中将 view 和 model 绑定还不够,我们需要知道要绑定的是哪个 user 类的对象。所以我们还要在 MainActivity 中写代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ActivityMainBinding dataBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
User user = new User();
user.setNickName("tom");
user.setUsername("tom123");
user.setPassword("abc123456");
dataBinding.setUser(user);
}

}

这样,就完成了一个简单的 Data Binding Demo 了。

Data Binding 的小技巧

  • 获取 Activity 的 View

    1
    2
    ActivityMainBinding dataBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
    View view = dataBinding.getRoot();//获取对应的View
  • 使用某个子 View,其中 tvName 对应着 android:id=”@+id/tv_name” 的 TextView

    1
    dataBinding.tvName.setText("Hello World");
俞其荣 wechat
欢迎订阅我的微信公众号来获取我的动态!
坚持原创技术分享,您的支持将鼓励我继续创作!